<template>
	<div class="home">
		<Top></Top>
		<Banner></Banner>
		<Nav></Nav>
		<div class="adv"><img src="img/adv.png" /></div>
		<NavList></NavList>
		<BottomBar></BottomBar>
	</div>
</template>

<script>
	import BottomBar from "com/bottomBar.vue"
	import Top from "com/home/top.vue"
	import Banner from "com/home/banner.vue" 
	import Nav from "com/home/nav.vue"
	import NavList from "com/home/navList"
	export default {
		components: {
			Top,
			Banner,
			Nav,
			NavList,
			BottomBar
		}
	}
</script>

<style lang="scss" scoped="scoped">
	.adv{
		width: 100%;
		height: 0.4rem;
		margin-top: 0.15rem;
		margin-bottom: 0.25rem;
		img{
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
		}
	}
</style>